<div class="chart" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="chart-top">
        <div [ngStyle]="tagData.data.containerCssStyle | styleFilter">
            <div class="position">
                <div id="container" style="height: 11rem;width: 100vw;" [ngStyle]="tagData.data.echartCssStyle | styleFilter"></div>
            </div>
            <div [ngStyle]="tagData.data.titleCssStyle | styleFilter">
                <span [ngStyle]="tagData.data.labelCssStyle | styleFilter">{{tagData.data.totalLabel}}</span>
                <span [ngStyle]="tagData.data.totalCssStyle | styleFilter">{{tagData.data.total}}</span>
                <span [ngStyle]="tagData.data.countCssStyle | styleFilter">{{tagData.data.totalCount}}<span
                    [ngStyle]="tagData.data.valueCssStyle | styleFilter">{{tagData.data.totalCountValue}}</span><span
                    [ngStyle]="tagData.data.unitCssStyle | styleFilter">{{tagData.data.totalCountUnit}}</span></span>
                </div>
            </div>
    </div>
            
<div class="chart-content" [ngStyle]="tagData.data.contentCssStyle | styleFilter">
    <ng-container *ngFor="let item of tagData.data.data;let i = index;">  
        <div class="chart-item" [ngStyle]="item.boxCssStyle | styleFilter" appDebounceClick (debounceClick)="chartPoint($event, i)">
            <div [ngStyle]="item.iconCssStyle | styleFilter"></div>
            <span [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            <span [ngStyle]="item.amountCssStyle | styleFilter">{{item.amount}}</span>
            <span [ngStyle]="item.countCssStyle | styleFilter">{{item.count}}<span
                    [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span><span
                    [ngStyle]="item.unitCssStyle | styleFilter">{{item.unit}}</span></span>
        </div>
    </ng-container>
</div>
</div>